﻿<!DOCTYPE html>
<html>
  <head>
    <title>横屏观看</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/横屏观看/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/横屏观看/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u1162" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u1163" class="ax_default _形状">
          <img id="u1163_img" class="img " src="images/0-目录/u726.png"/>
          <div id="u1163_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">&nbsp;</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1164" class="ax_default _水平线">
          <img id="u1164_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1165" class="ax_default _文本段落" data-label="Header 2">
        <img id="u1165_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u1165_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1.1.4 横屏观看</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1166" class="ax_default _文本段落" data-label="Header 2">
        <img id="u1166_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u1166_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">横屏界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1167" class="ax_default _形状">
        <img id="u1167_img" class="img " src="images/横屏观看/u1167.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1168" class="ax_default _形状">
        <img id="u1168_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1169" class="ax_default _形状">
        <img id="u1169_img" class="img " src="images/观看者-流程图/u436.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1170" class="ax_default _形状">
        <img id="u1170_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1171" class="ax_default _文本段落">
        <img id="u1171_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u1171_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1172" class="ax_default _文本段落">
        <img id="u1172_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u1172_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1173" class="ax_default _形状">
        <img id="u1173_img" class="img " src="images/观看者-流程图/u440.png"/>
        <div id="u1173_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1174" class="ax_default" data-left="152" data-top="208" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u1175" class="ax_default _文本段落">
          <img id="u1175_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u1175_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1176" class="ax_default _形状">
          <img id="u1176_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1177" class="ax_default _形状">
        <img id="u1177_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u1177_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">花</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">12k</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1178" class="ax_default _形状">
        <img id="u1178_img" class="img " src="images/横屏观看/u1178.png"/>
        <div id="u1178_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入文字</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1179" class="ax_default _形状">
        <img id="u1179_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u1179_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1180" class="ax_default _形状">
        <img id="u1180_img" class="img " src="images/观看者-流程图/u447.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1181" class="ax_default _形状">
        <img id="u1181_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1182" class="ax_default _文本段落">
        <img id="u1182_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u1182_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1183" class="ax_default _文本段落">
        <img id="u1183_img" class="img " src="images/观看者-流程图/u450.png"/>
        <div id="u1183_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">13“00&nbsp; 点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1184" class="ax_default _形状">
        <img id="u1184_img" class="img " src="images/观看者-流程图/u451.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1185" class="ax_default _文本段落">
        <img id="u1185_img" class="img " src="images/观看者-流程图/u452.png"/>
        <div id="u1185_text" class="text ">
          <p style="font-size:11px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:13px;">林宥嘉Mr.Lin&nbsp;&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;">&nbsp; 加入直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1186" class="ax_default _形状">
        <img id="u1186_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u1186_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">123</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1187" class="ax_default _形状">
        <img id="u1187_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1188" class="ax_default _形状">
        <img id="u1188_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1189" class="ax_default _形状">
        <img id="u1189_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1190" class="ax_default _形状">
        <img id="u1190_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1191" class="ax_default _形状">
        <img id="u1191_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1192" class="ax_default _形状">
        <img id="u1192_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u1192_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1193" class="ax_default _形状">
        <img id="u1193_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1194" class="ax_default _文本段落">
        <img id="u1194_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u1194_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1195" class="ax_default _形状">
        <img id="u1195_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u1195_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">发送</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1196" class="ax_default _形状">
        <img id="u1196_img" class="img " src="images/观看者-流程图/u440.png"/>
        <div id="u1196_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">举报</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1197" class="ax_default _文本段落">
        <img id="u1197_img" class="img " src="images/互动/u919.png"/>
        <div id="u1197_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">横屏：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1198" class="ax_default _文本段落">
        <img id="u1198_img" class="img " src="images/互动/u920.png"/>
        <div id="u1198_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1，当用户手机横屏时，此时所用按钮进行调整</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，手机按钮进行调整时，画面不动，保持初始布局</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
